﻿
#pozadina { background-color: #A9A9A9;
            background-repeat:repeat;
            overflow-y:scroll; 
            margin:0px; 
            padding:0px; 
            min-height:1000px;}


.lamp {
  background-color:  #C0C0C0; /* Green */
  border: none;
  color: white;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;


}


.lamp_0 {border-radius: 50%;
         height:20px;
         width:20px; }



#dirka {  width: 80%;
          
          margin-left: 40px;
          margin-top: 390px;}



.btn-group button {  height: 45px; 
  
  background-color: #C0C0C0; /* silver Grey background */
  border: 1px solid white; /* Green border */
  color: black; /* black text */
                  /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
}

/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}

.btn-group button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

/* Add a background color on hover */
.btn-group button:hover {
  background-color: white;
}



#slovo {text-align:center;}



#razmak { margin-top: 20px; float : right; margin-right: 20px;}


.button {
  display : inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color:#FF0000;
  border: none;
  border-radius: 15px;
  box-shadow: 0 9px #999;
  
}

.button:hover {background-color: #DC143C}

.button:active {
  background-color:#FF0000;
  box-shadow: 0 5px #666;
  transform: translateY(4px);
}

#lobbywrap {
    margin-left:auto;
    margin-right:auto;
    width:1250px; }



fieldset { border: 0;}

#letter {text-align:center; }

#message {float: left; 
          width: 60%;
          padding-left: 1%;
          text-align: center;
          margin-top: 55px;}
textarea { resize: none; }

#leftlobby { background-color: black;
                  opacity: 0.9;
        border: 1px red solid; 
        float: left;
        width: 20%;
        min-height: 45em;
         }



#dugme {float: right; 
          width: 15%;
          text-align: center;
          margin:0 120px 100px 0;}



#rightlobby {  
        opacity: 0.9;
        float: right;
        width: 18%;
        min-height: 45em;
        text-align: center;
        margin:-840px 0px 0 0; }


#bilbord { 

    float: left;
    margin-left: 50px;
    
}

